Společné rysy designu webů2.0
Středa, 15. březen 2006 Webovitosti
Jak udělat udělat stránky, co vypadají jako „web2.0“ i když neznáte z AJAXu ani ťuk, píše Roman Mittermayr v článku Web 2.0 Design
... in a nutshell. Zabývá se tím, co takové moderní „web20“ stránky mají společného vzhledově - nikoli technologií web2.0 (AJAX a spol)
V článku je ke každému bodu uvedeno vždy několik odkazů, které dané tvrzení ilustrují, takže se určitě podívejte. Je to opravdu zajímavé.
Obecně je spojuje jednoduchost kombinovaná s velkými fonty, lehkými stíny a podivnými názvy.
- Zaoblené tvary. Je možné je kombinovat s obdélníky. Např obdélníkový rám okolo webu a zaoblené boxy pro interakci nebo zaoblený rám okolo stránky a pravoúhlé boxy a navigace.
- Stíny Nesmí se to přehnat ale je dobré podstínovat boxy.
- Písmo - bezpatkové Nedávno byla cool velikost fontu 8-10, teď je okolo 14 a více.
- Pastelové barvy Jsou tu už déle, nové je jen kombinování pastelu s plnou zelenou, modrou nebo červenou. Pozadí a interface šedé, bílé nebo velmi světlé.
- Patičky. Nikdo je nečte ani nekliká ale aby to vypadalo profesionálně, musí tam být.
- Tlačítka Je to známka přesunu z offline aplikací na webové. Tlačítka jsou většinou velká.
- Velikost písma: převeliké Velké fonty – velké hlavičky, osamocené. Střední mezinadpisy. Nesmí být velké bloky textu – to je klíčové.
- HTML (XML styl) Tohle je nutné. Co nejjednodušší html. Udělejte web ze seznamů a nadpisů a odstavců. Vrací se retro styl obyčejných seznamů odkazů (modré).
Já vám nevím, čím víc se na ty cool moderní web 2.0 stránky dívám, tím míň se mi líbí. A jen doufám, že se brzo najdou nějací vzbouřenci :-)
9 Komentářů
Zobrazit komentáře jako
(Lineární | Vláknové)
Přidat komentář
Předchozí články
23.04.2010 Diablo 3 - galerie concept art a ještě něco o runách21.04.2010 Diablo 3 - Bashiok o smrti, stromech a runách
17.04.2010 Diablo 3 - tentokrát to fláká bashiok
15.04.2010 Čistý sémantický problém
10.04.2010 Jak mapa stránek pomohla v boji za spravedlnost
06.04.2010 Tak máme po těch svátkách zas ...
01.04.2010 Diablo 3 - speciální blizzardí nabídka - právě dnes!
01.04.2010 Diablo 3 - screeenshotová skládačka
30.03.2010 Angažovaný (čti nasraný) příspěvek o jaru
24.03.2010 D2LOD - obsah patche 1.13c
Dál už to nevede, ale můžete se vrátit nahoru nebo proslídit archiv blogu nebo nakouknout do ďábelského fora nebo na odkazy. Kontakt: sue@centrum.cz
Mám rád jednoduché a srozumitelné formy a právě forma, kterou jsou oblíbené AJAXové aplikace (viz např. aplikace od 37Signals - na ně tyhle body sedí na 100%) povětšinou předkládány, je podle mě ideální.
Abych reagoval na článek, možná tyto weby nejsou na koukání, ale na používání ;-) Kdo někdy zkusil třebas Basecamp, pak musí souhlasit, že to všechno funguje navýsost skvěle. Dovolil bych si tvrdit, že i ta velká tlačítka, místy velké písmo apod. má svůj důvod - zefektivnění práce a usnadnění orientace.
Podle mě je to krok správným směrem a doufám, že podobných webů bude víc.
Naopak oceňuji například GMail (pokud se nemýlím, jedná se o jeden z projektů Web2.0, ne?).. Automaticky se aktualizuje, je velice rychlý, jednoduchý, přehledný.. Výhoda podobných aplikací je, si myslím, zřejmá. Například textový editor online: jsem na cestě a potřebuji si něco napsat, upravit nějaký dokument, nemusím ho mít na flashi a ani nemusí počítač, na kterém dělám, mít editor textových souborů.
Mail to samé, je rychlý a jednoduchý a přitom je online.
Ale na druhou stranu souhlasím, že se mi graficky některé moc nelíbí. Chybí mi tam elegance moderního webu. Doufám tedy, že se najdou vzbouřenci, kteří udělají užitečnou kvalitní AJAX aplikaci a přitom krásnou na pohled.
Jako protipřiklad uvedu freemail centrum.cz, který se mi povětšinou líbí, ale je to tam trochu "přeajaxováno". Prostě je to všechno jeden velkej javascript, ale to já si neuvědomuju, já jsem na webu a tak se taky chovám. Takže když kliknu na zprávu, ona se otevře a já po přečtení AUTOMATICKY kliknu na tlačíto zpět, dostanu se na úvodní stránku www.centrum.cz a jsem odhlášen. A i když už jsem tu samou chybu udělal miliónkrát (no, tolikrát ne, ale každou návštěvu minimálně jednou) vím, že příště jí udělám zas.
Jako druhý protipříklad uvedu http://www.live.com/ (to snad ani nemá cenu komentovat)
Já nemám nic proti Ajaxu jako takovému. Jenom se musí používat s rozmyslem a jen tam, kde to skutečně bude přínosem (jako na tom webu Basecamp). Připomíná mi to zlatou éru animovaných gifů - ty taky byly na každém webu jenom proto, že to bylo moderní.
To jsem vážně jedinej, komu přijde naprosto nesmyslná myšlenka (poslední dobou až příliš často omílaná), že by (případné) Google office mohly být přímou konkurencí Microsoftím oficcům? Vy byste v tom fakt někdo chtěli psát něco delšího či složitějšího? Já netvrdím, že si to svoje uplatnění nenajde, ale rozhodně to nebude náhrada za desktopové aplikace.
Pominuli to, že házet stovky webů do jednoho pytle, snažit se je srovnávat a dělat nějaké hlubokomyslné závěry (zejména bod o patičce webu mě velice pobavil) je podle mě zcestné, pak zkrátka musím zopakovat, že nevidím na zmíněných bodech nic špatného - naopak...
Spíš jsem chtěl vyjádřit nesouhlasný postoj k současné velké internetové bublině: Jak již brzy budeme mít thin klienta pouze s prohlížečem a díky Web2.0 budou všechny aplikace online a bude to všechno cool a super... A přitom (a to se možná shodneme?) je momentálně víc webů, kterým použití Ajaxu (a podobných vychytávek) spíše uškodilo, než těch, kteří jej dokázali ochočit a použít tak, aby skutečně došlo ke zlepšení "user experience" (pojem 'uživatelský zážitek' mi nějak nesedne)
Konečně už tedy vím, o co se jedná. Dlouhé měsíce jsem žil v přesvědčení, že jde o nějaké nové a převratné technologie a ono jde jen o javascript a design.
Ach jo. To je ukázka, jak lze pí*ovinu nafouknout do mamutích rozměrů.